<template>
  <div>
    <!-- 目标:给标签设置动态style -->
    <!-- 总结:
    动态style注意事项:
    1 . 语法上,值为对象,键名是css属性名,值为css属性名对应的值
    2 . 动态style可以和普通style属性共存  -->
    <h1 :style="{ color: color }">我是H1标签</h1>
  </div>
</template>

<script>
export default {
  data() {
    return {
      color: "pink",
    };
  },
};
</script>

<style>
</style>